// 路由守卫
import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式

const whiteList = ['/login', '/404'] // 白名单

// 前守卫
router.beforeEach(async(to, from, next) => {
  // 开启进度条
  NProgress.start()
  // 判断token
  const token = store.getters.token
  const userId = store.getters.userId
  if (token) {
    // 有token

    // 判断要去的页面是不是登录页
    if (to.path === '/login') {
      // 是去登录页
      // 返回主页
      // router.push('/')
      next('/') // 跳回主页
      NProgress.done()
    } else {
      // 不是去登录页

      // 是否获取过用户资料
      if (!userId) {
        // 没有资料
        await store.dispatch('user/getUserInfo') // 获取用户资料
        // 强制等待获取完用户资料才放行
      }
      next() // 放行
    }
  } else {
    // 没token
    // 看是否去白名单
    if (whiteList.indexOf(to.path) > -1) {
      // 去的是白名单
      // 放行
      next()
    } else {
      // 去的不是白名单
      // 回到登录页
      next('/login')
      // 手动关闭进度条
      NProgress.done()
    }
  }
})

// 后守卫
router.afterEach(() => {
  // 关闭进度条
  NProgress.done()
})
